<!-- 内容区域 start-->
<div class=" common-container-main">
	<!-- 面包屑 start -->
	<div class="ht40 bg-f flex-c font14 color-3" style="padding:0 20px;margin-bottom: 10px">
		<i class="iconfont icon-nav_user color-3 font20" style="margin-right:10px"></i>
		<span>抓拍结果</span>
	</div>
	<!-- 面包屑 end -->
	<!-- 初始化页面 start -->
	<div class="display-">
		<div class="display-">
			<!-- 第一行 -->
			<div class="flex-js-c bg-f color-3 common_search_flex" style="font-size:14px;padding: 0 20px;">
				<div class="flex-c pt-10">
					<span style="margin-left:16px;width: 100px">抓拍时间：
					</span>
					<div class="flex-c pt-10">
						<input class="date" type="date" style="width: 135px;">
						<input class="date" type="time" style="width: 100px;margin-left: 5px" value="00:00">
						<span style="padding:0 5px;">至</span>
						<input class="date" type="date" style="width: 135px;">
						<input class="date" type="time" style="width: 100px;margin-left: 5px" value="00:00">
					</div>
				</div>

				<div class="flex-c pt-10">
					<span style="margin-left:16px;width: 60px">抓拍机：</span>
					<select class="select">
						<option>请选择</option>

					</select>
				</div>

				<div class="flex-c pt-10">
					<span style="margin-left:16px;width: 80px">客户类型：</span>
					<select class="select">
						<option>请选择</option>

					</select>
				</div>

				<div class="flex-c pt-10">
					<span style="margin-left:16px;width: 80px">人脸ID：</span>
					<input class="text" />
				</div>

				<div class="flex-c pt-10">
					<span style="margin-left:16px;width: 80px">置业顾问：</span>
					<input class="text" />
				</div>

				<!-- 按钮组start -->
				<div class="flex-c pt-10">
					<div class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib" style="width:30px;margin-left:16px;" title="搜索">
						<i class="iconfont icon-sousuo color-f font18"></i>
					</div>
					<div class="flex-js-c">
						<div>
							<div class="btn ht30 flex-cc" style="min-width:60px;">
								<span>以图搜图</span>
							</div>
						</div>
					</div>

				</div>
			</div>


			<div class="bg-f color-3 p20" style="font-size:14px;min-height: 600px">
				<!-- 表头 start -->
				<div class="t_title">
					<span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">抓拍图生成时间 </span><span class="display-ib p5 border-r-1 text-c b-box"
					 style="width:10%;">抓拍图 </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">匹配人脸</span><span
					 class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">抓拍机 </span><span class="display-ib p5 border-r-1 text-c b-box"
					 style="width:15%;">匹配人脸ID </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">客户类型</span><span
					 class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">置业顾问 </span><span class="display-ib p5 border-r-1 text-c b-box"
					 style="width:10%;">短视频 </span>
				</div>
				<!-- 表头 end -->
				<!-- 表体 start -->
				<div class="t_body display-">
					<div class="tableRow tableRow_my">
						<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:15%;" title="">2019-06-17
							21:58:37</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:10%;"
						 title="">
							<img src="./img/1.jpg" style="width: 80%;height: 85px;" />
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:10%;" title="">
							<img src="./img/1.jpg" style="width: 80%;height: 85px;" />
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:10%;" title="">
							新算法抓拍机长焦-过道
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
							FACE8abe62aeH7646I46dbKb302Hc9b04d8272fe
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
							新客户
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
							小明
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:10%;" title="">
							置业顾问
						</span>
					</div>

				</div>
				<!-- 表体 end -->
				<!-- 分页start -->
				<div class="page display-n">
					分页
				</div>
				<!-- 分页end -->

				<!-- 以图搜图列表 开始 -->
				<!-- 表头 start -->
				<div class="t_title">
					<span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">抓拍图生成时间 </span><span class="display-ib p5 border-r-1 text-c b-box"
					 style="width:15%;">抓拍图 </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">抓拍机 </span><span
					 class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">客户类型</span><span class="display-ib p5 border-r-1 text-c b-box"
					 style="width:15%;">置业顾问 </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">相似度
					</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">短视频 </span>
				</div>
				<!-- 表头 end -->
				<!-- 表体 start -->
				<div class="t_body display-">
					<div class="tableRow tableRow_my">
						<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:15%;" title="">2019-06-17
							21:58:37</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;"
						 title="">
							<img src="./img/1.jpg" style="width: 80%;height: 85px;" />
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
							新算法抓拍机长焦-过道
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
							新客户
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
							小明
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:10%;" title="">
							高
						</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
							置业顾问
						</span>
					</div>

				</div>
				<!-- 表体 end -->
				<!-- 分页start -->
				<div class="page display-n">
					分页
				</div>
				<!-- 分页end -->
				<!-- 以图搜图列表 结束 -->
			</div>

		</div>
	</div>
	<!-- 初始化页面 end -->
	<!-- 内容区域 end -->

	<!-- 大图 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
		<div class="flex-cc w100">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;width:540px;margin-top:200px;">
				<div class="font14 bg-theme color-f ht40 l-ht40" style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close" data-feidao-actions="click:eu-001"></i>大图
				</div>
				<div class="p20">
					<img src="./img/1.jpg">
				</div>
			</div>
		</div>
	</div>
	<!-- 大图 end -->


	<!-- 置为风险弹框 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
		<div class="flex-cc w100">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;width:340px;margin-top:200px;">
				<div class="font14 bg-theme color-f ht40 l-ht40" style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close" data-feidao-actions="click:eu-001"></i>提示
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 text-c color-6">
						<span>是否置为风险客户？</span>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="确认" class="btn" style="width: 50px;">
						<input type="button" value="取消" class="cbtn" style="width: 50px;margin-left: 60px;">
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 置为风险弹框 end -->




	<!-- 加载短视频弹框 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
		<div class="flex-cc w100">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;width:540px;margin-top:200px;">
				<div class="font14 bg-theme color-f ht40 l-ht40" style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close" data-feidao-actions="click:eu-001"></i>大图
				</div>
				<div class="p20">
					<video style="width: 100%;" src="http://wangxiaobao-faceid-prod.oss-cn-beijing.aliyuncs.com/2019/6/17/DCYXJHCS5/FACE8abe62aeH7646I46dbKb302Hc9b04d8272fe/BB29C4DB4D5F48BC99BB0E66CF051213_DS-2CD7A47FWD-XZS20190426AACHD13931763_172-16-0-250_1560779917256_342_58_FACE172.16.0.21337Time20190617215832Time20190617215842.mp4"
					 controls="controls" autoplay="autoplay"></video>
				</div>
			</div>
		</div>
	</div>

	<!-- 加载短视频弹框 start -->

	<!-- 以图搜图上传图片start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
		<div class="flex-cc w100">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;width:700px;margin-top:50px;">
				<div class="font14 bg-theme color-f ht40 l-ht40" style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"></i>以图搜图
				</div>
				<!-- 上传图片 -->
				<div style="margin-top: 20px ;display: flex;align-items: flex-start">
					<div style="width:100px;height:20px">
						<span class="display-ib font14 fr">
							<span class="color-red">
								*
							</span>
							图片：
						</span>
					</div>
					<div class="radius-4 display-ib pos-r cursor-p l-ht30 text-c" style="width:120px;height:120px;border: 1px dashed #ddd;">
						<div style="margin-top:30px;">
							<div><i class="iconfont icon-icon-tianjia font24"></i></div>
							<div>上传图片</div>
						</div>
					</div>
					<div class="ml-20">
						<p class=""><strong>提示:</strong></p>
						<p>标准照中的人脸宽高应大于100*100像素，像素越高越好</p>
						<p>入库的标准照要求绝对清晰，需要能够非常清楚的分辨出人脸轮廓和五官</p>
						<p class="color-red">只能上传一张图片，支持jpg/jpeg/png/bmp格式，且不超过4M</p>
					</div>
				</div>
				<!-- 确定 -->
				<div class="text-c mt-20 mb-20">
					<input type="button" value="确认" class="btn" style="width: 50px;">
				</div>
			</div>
		</div>
	</div>
	<!-- 以图搜图上传图片end -->
</div>